<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>个人信息</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/mygrxx.css" />
		<script src="X-admin/js/jquery.js"></script>
		<script src="X-admin/lib/layui/layui.js"></script>
		<script src="X-admin/js/xadmin.js"></script>
		<script src="js/public.js"></script>
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head" id="top">
		</div>
		<!------------------------------idea------------------------------>
		<div class="address mt">
			<div class="wrapper clearfix">
				<a href="index.html" class="fl">首页</a>
				<span>/</span>
				<a href="mygxin.html" class="on">个人信息</a>
			</div>
		</div>
		
		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
				<div class="zuo fl">
					<h3>
						<a href="#"><img id="person-img"  style="height: 100px;width: 100px;border-radius: 60%"></a>
						<p class="clearfix"><span class="fl" id="username"></span><span class="fr">您好！</span></p>
					</h3>
					<div>
						<h4>我的订单</h4>
						<ul>
							<li><a href="myorderq.html">订单中心</a></li>
						</ul>
						<h4>个人中心</h4>
						<ul>
							<li  class=""><a href="mygxin.html">我的评价</a></li>
							<li  class=""><a href="collection.html">我的收藏</a></li>
						</ul>
						<h4>账户管理</h4>
						<ul>
							<li><a href="mygrxx.html">个人信息</a></li>
							<li><a href="remima.html">修改密码</a></li>
						</ul>
					</div>
				</div>
				<script>
					var Address_Prefix = "http://localhost:9200/api-person";
				</script>
				<div class="you fl">
					<h2>修改密码</h2>
					<form  method="post" class="remima">
						<p><span>新密码：</span><input type="text" id="passwd" /></p>
						<p><span>重复新密码：</span><input type="text" id="passwd1" /></p>
						<input type="submit"  lay-submit lay-filter="update" value="提交" />
					</form>
				</div>
			</div>
		</div>

		<!--返回顶部-->
		<div class="gotop">
			<a href="cart.html">
			<dl>
				<dt><img src="img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin.html">
			<dl>
				<dt><img src="img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js"></script>
	</body>
	<script>
		layui.use('form', function () {
			var form = layui.form;
			form.on('submit(update)', function () {
				let field = {
					passwd: $("#passwd").val(),
					passwd1: $("#passwd1").val(),
					userid:sessionStorage.getItem("userid")
				};
				if ($("#passwd").val() != $("#passwd1").val() && $("#passwd").val()!=null && $("#passwd").val()!=  null ){
					layer.alert("两次密码不一致！",)
				}else {
					console.log(field)
					$.ajax({
						url: Address_Prefix + '/user/updatePassword',//地址：访问后台的地址
						data: field,//前端传递给后台的数据
						type: 'post',
						async: false,
						xhrFields: {
							withCredentials: true
						},
						crossDomain: true,
						dataType: 'json',//是后端传递到前端的数据格式
						success: function (data) {//后端给前端的一个反馈
							console.log(data)
							if (data.code == 0) {
								layer.msg("ok！", function () {
								});
							}
						}
					});
					return false;
				}
			});
		});

	</script>
</html>
